<script setup>
import { computed } from 'vue'
import { useRouter } from 'vue-router'
import { useCommonStore } from '@/stores'
import Button from './Button.vue'
const config = computed(() => useCommonStore().config)
const props = defineProps({
  tips: {
    type: String,
    default: 'Empty',
  },
  btn: {
    type: Boolean,
    default: false,
  },
})
const router = useRouter()
const goHome = () => {
  router.push('/')
}
</script>
<template>
  <div class="flex flex-col gap-5 justify-center items-center p-5">
    <img :src="config.web_site_logo" alt="" class="mb-5" />
    <span class="text-2xl font-bold text-[#999]">{{ tips }}</span>
    <Button @click="goHome" v-if="btn">Back Home</Button>
  </div>
</template>
